<template>
  <div class="indexWrapper">
    <canvas id="canvas"></canvas>
  </div>
</template>

<script setup>
import { Spherical, Vector3 } from 'three'
import Base3D from '@/base3D/index'
onMounted(() => {
  const base3D = new Base3D(document.querySelector('#canvas'))
  console.log('base3D', base3D)
  base3D.camera.instance.lookAt(new Vector3(0, 0, 0))
})
</script>

<style lang="less">
.indexWrapper {
  width: 100vw;
  height: 100vh;
  // background-color: #000;
}
</style>
